<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        span {
            color: red;
        }
    </style>
</head>

<body>
    <!-- 1.div容器标签 独占一行,换行显示-->
    <!-- 快速生成测试文本:lorem + tab -->
    <div>
        Lorem,<span>我不换行</span> ipsum dolor sit amet consectetur adipisicing elit. ]
        Debitis ut dolorum blanditiis.
        Deserunt explicabo officia labore ratione accusamus ipsam nam numquam ipsum ex,
        alias inventore commodi illo voluptatibus nesciunt officiis.
    </div>

    <hr>
    <!-- 2.span标签:行内标签,不换行显示 -->
    <div>Lorem,<div>我换行了</div>sit amet consectetur adipisicing elit. Vero harum asperiores vel hic deserunt quisquam
        doloribus natus quam sequi animi modi, laborum, voluptatum provident impedit illum dolorem amet dolores odio.
    </div>
</body>

</html>